<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<!-- Archivos de JQuery-->

<link href="jquery/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="jquery/jquery-1.5.1.js"></script>

<script type="text/javascript" src="jquery/ui/jquery.ui.core.js"></script>

<script type="text/javascript" src="jquery/ui/jquery.ui.datepicker.js"></script>

<!--Mis Archivos -->

<link href="estilo.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="misFunciones.js"></script>

</head>

<!-- Al cargar la pagina llamamos la funcion en misFunciones.js para mostrar los datos-->

<body onload="listarEmpleados();">

<table id="contenedor" width="552" border="2" cellspacing="0">

<tr><th width="297" scope="col">Formulario</th><th width="245" scope="col">Empleados</th></tr>

<tr><td height="329" id="contenidos"><p>Nombre:</p>

<p><input name="nombre" type="text" class="componente_formulario" id="nombre" /></p><p>Apellido:</p><p>

<input name="apellido" type="text" align="right" class="componente_formulario" id="apellido"/></p><p>Fecha De Nacimiento:</p><p><input name="fecha_nacimiento" readonly="readonly" type="text" class="componente_formulario" id="fecha_nacimiento" /></p><p>Género:</p><p><label><input name="genero" type="radio" class="componente_formulario" id="genero_0" value="M" checked="checked" />M</label><br/>

<label><input name="genero" type="radio" class="componente_formulario" id="genero_1" value="F" />F</label><br /></p><p>

<!-- Al dar click sobre el boton llamamos la funcion para ingresar el Empleado en la base de dato-->

<input name="insertar" type="submit" class="componente_formulario" id="insertar" onclick="ingresarEmpleado();" value="Ingresar" />

</p></td><td id="contenidos"><div id="listaEmpleados"></div></td></tr><tr id="barra_mensajes"><td id="mensajes">...</td><td></td></tr></table>

</body>

</html>